// import React, { Component } from 'react'
// import ReactDom from 'react-dom'
// import { Router, Route, Link, IndexLink, hashHistory, IndexRoute } from 'react-router'
// import { Navbar, Nav, NavItem, NavDropdown, MenuItem, Table, Grid, Button, ButtonGroup } from 'react-bootstrap'
// import toastr from 'toastr'
// import Icon from 'react-fontawesome'
// import Time from 'react-time'
// import uid from 'uid'

// import Test from './test'

// require('../node_modules/toastr/build/toastr.css')

// const ACTIVE = { color: 'red' }

// const home = ({children}) => {
//     return <div>
//         {children}
//     </div>
// }

// // <li><Link to="/" activeStyle={ACTIVE}>/</Link></li>
// // <li><IndexLink to="/" activeStyle={ACTIVE}>/list</IndexLink></li>

// export class PrimaryCatePage extends Component {
//     constructor(props) {
//         super(props)
//         this.state = { catelist: [], page: 0, size: 20 }
//     }
//     componentDidMount() {
//         let parentId = this.props.parentId || '0'
//         console.log("parentId: ", parentId)
//         console.log("test: ", Test)
//         let {catelist, booklist, page, size} = this.state
//         PostRequest({ api: '/bookService/getCategoryListByParent', params: { parentId: parentId } }).then(function (catelist) {
//             console.log("catelist res: ", catelist)
//             if (catelist[0]) {
//                 this.setState({ catelist })
//             } else {
//                 PostRequest({ api: '/bookService/getBooksByCategory', params: { page, size, categoryId: parentId } }).then(function (booklist) {
//                     console.log("booklist res: ", booklist)
//                     updateBookList(booklist)
//                 }, function (reason) {
//                     toastr.warning("获取书籍列表出错")
//                     console.log("get booklist err: ", reason)
//                     throw e
//                 })
//             }
//         }.bind(this), function (reason) {
//             toastr.warning("获取分类列表出错")
//             console.log("get catelist err: ", reason)
//             throw e
//         })
//     }
//     render() {
//         let {catelist} = this.state
//         console.log("sub catelist: ", catelist)
//         let list = catelist.map((item, i) => {
//             return <tr key={i}>
//                 <td>{i + 1}</td>
//                 <td><Link to={`/subcate/${item.categoryId}`} >{item.title}</Link></td>
//                 <td>--</td>
//             </tr>
//         })
//         return <div>
//             <Table>
//                 <thead>
//                     <tr>
//                         <th>序号</th>
//                         <th>名称</th>
//                         <th>所属分类</th>
//                     </tr>
//                 </thead>
//                 <tbody>
//                     {list}
//                 </tbody>
//             </Table>
//             <Test></Test>
//         </div>
//     }
// }
// export class SubCategoryPage extends Component {
//     constructor(props) {
//         super(props)
//         this.state = { catelist: [], page: 0, size: 20 }
//     }
//     componentDidMount() {
//         let {categoryId} = this.props.params
//         console.log("categoryId: ", categoryId)
//         PostRequest({ api: '/bookService/getCategoryListByParent', params: { parentId: categoryId } }).then(function (catelist) {
//             console.log("catelist res: ", catelist)
//             this.setState({ catelist })
//         }.bind(this), function (reason) {
//             toastr.warning("获取分类列表出错")
//             console.log("get catelist err: ", reason)
//             throw e
//         })

//     }
//     render() {
//         let {catelist} = this.state
//         let list = catelist.map((item, i) => {
//             return <tr key={i}>
//                 <td>{i + 1}</td>
//                 <td><Link to={`/read/${item.name}`} >{item.title}</Link></td>
//                 <td>--</td>
//             </tr>
//         })
//         return <div>
//             <Table>
//                 <thead>
//                     <tr>
//                         <th>序号</th>
//                         <th>名称</th>
//                         <th>所属分类</th>
//                     </tr>
//                 </thead>
//                 <tbody>
//                     {list}
//                 </tbody>
//             </Table>
//         </div >
//     }
// }


// const BookListPage = ({booklist}) => {
//     let data = [
//         { name: '挪威的森林', author: '村上春树', date: '2011-12-11' },
//         { name: '老人与海', author: '海明威', date: '2008-10-25' },
//         { name: '追风筝的人', author: '卡勒德·胡赛尼', date: '2016-05-24' },
//     ]
//     console.log("booklist: ", booklist)
//     let list = booklist.map((item, i) => {
//         return <tr key={i}>
//             <td><Link to={`/read/${item.name}`} >{item.name}</Link></td>
//             <td>{item.author}</td>
//             <td>{item.date}</td>
//         </tr>
//     })
//     return < div >
//         <Table>
//             <thead>
//                 <tr>
//                     <th>名称</th>
//                     <th>作者</th>
//                     <th>修改时间</th>
//                 </tr>
//             </thead>
//             <tbody>
//                 {list}
//             </tbody>
//         </Table>
//     </div>
// }

// const ReadPage = ({params: {id}}) => {
//     console.log("id: ", id)
//     toastr.warning("获取列表出错")

//     return <div>
//         <h3>我是大马哈！</h3>

//     </div>
// }

// const PostRequest = ({api, params }) => {
//     return fetch(api, {
//         method: 'POST', headers: {
//             'Accept': 'application/json',
//             'Content-Type': 'application/json',
//         }, body: JSON.stringify(params)
//     })
//         .then(res => res.json())
// }

// ReactDom.render((
//     <Router history={hashHistory}>
//         <Route path="/" component={home}>
//             <IndexRoute component={PrimaryCatePage} />
//             <Route path="/subcate/:categoryId" component={SubCategoryPage} />
//             <Route path="/read/:id" component={ReadPage} />
//         </Route>
//     </Router>
// ), document.querySelector("#html"))

